<?php require_once('classes/settings.php'); ?>
fds

<?php
//Load settings
Settings::__init();
?>
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">

<!-- Use the .htaccess and remove these lines to avoid edge case issues.
             More info: h5bp.com/i/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Vliegticketsgoedkoop</title>
<meta name="description" content="">

<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

<link rel="stylesheet" href="../vlieg2/css/styling.css">
<link type="text/css" href="css/vlieg-theme/jquery-ui-1.8.23.custom.css"
	rel="stylesheet" />

<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

<!-- All JavaScript at the bottom, except this Modernizr build.
             Modernizr enables HTML5 elements & feature detects for optimal performance.
             Create your own custom Modernizr build: www.modernizr.com/download/ -->
<script src="js/libs/modernizr-2.5.3.min.js"></script>

</head>
<body>
	<div id="fb-root"></div>


	<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
             chromium.org/developers/how-tos/chrome-frame-getting-started -->
	<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
	<header>
		<div id="headerwrap">
			<div id="headertop">
				<div id="logo">
					<div class="logo"></div>
					<div class="vliegticketsLogo">Vliegtickets</div>
					<div class="vliegticketsLogo2">goedkoop.nl</div>
				</div>
				<div class="headerlinks">
					<ul class="headermenu">
						<li>contact</li>
						<li>over ons</li>
						<li>klantenservice</li>
					</ul>
				</div>
			</div>
			<div id="menu">
				<ul class="menuitems">
					<a href="index.php">
						<li class="aanbieding home"><div class="aanbiedingLink "
								style="color: #FFF;">Home</div></li>
					</a>
					<a href="populaire-bestemmingen.php">
						<li class="aanbieding"><div class="aanbiedingLink"
								style="color: #FFF;">Populaire bestemmingen</div></li>
					</a>
					<a href="populaire-bestemmingen.php"><li class="aanbieding"><div
								class="aanbiedingLink" style="color: #FFF;">Aanbiedingen</div></li>
					</a>
					<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
					<div style="float: right; padding: 13px;" class="fb-like"
						data-send="false" data-layout="button_count" data-width="450"
						data-show-faces="true"></div>
				</ul>


			</div>
		</div>

	</header>
	<div id="main" role="main">
		<?php
		if (isset($_GET['city'])) {

                $city = mysql_real_escape_string($_GET['city']);

                $query = "SELECT article_text,city_name from cities where city_name = '" . $city . "' AND article = 1 limit 1";
                $result = mysql_query($query) or die(mysql_error());

                $row = mysql_fetch_assoc($result);
                echo "<h1 style=\"margin:0;\">" . $row['city_name'] . "</h1>";
                echo $row['article_text'];
            } else if (isset($_GET['country'])) {
                echo "<h1 style=\"margin:0;\">Steden</h1><ul class=\"steden\">";
                $country = mysql_real_escape_string($_GET['country']);
                $query = "SELECT city_name,id_city from cities where id_country = (select id_country from countries where country_name = '" . $country . "') AND article = 1";
                $result = mysql_query($query) or die(mysql_error());

                while ($city = mysql_fetch_array($result)) {
                    echo "<li><a href=\"index.php?country=" . $country . "&city=" . strtolower($city['city_name']) . " \">" . $city['city_name'] . "</a></li>";
                }
                echo "</ul>";
            } else {
                ?>
		<div id="backgroundaanbieding">
			<ul class="backgroundimages">
				<li class="bg-1"><img width="980" src="images/tokyo.jpg"
					alt="backgroundeal!" class="background-image"
					title="lekker wokken in stockholm" /></li>
			</ul>
		</div>
		<div id="wrapper">
			<div id="bginfo">
				<div class="bgCity">Tokyo</div>
				<div class="bgText">twee nachten all inclusive</div>
				<div class="bgPrice">
					vanaf <span class="price">&euro; 673,-</span>
				</div>
			</div>
			<div id="searchbox">
				<div class="searchTicket">
					<div class="searchUrTicket">Zoek uw vliegticket</div>
				</div>
				<div class="chooseTicket">
					<div class="chooseretour" class="chooseTicketBorder"
						onclick="showRetour()">
						<span class="typeOfticket">Retour</span>
						<div class="retourticket">
							<form method="GET" action="vlucht.php">
								<div class="formElements">
									<div class="fromCity">
										<span class="deptCity">Van <span
											style="font-size: 14px; font-family: Myriad-Regular, Helvetica, Arial, sans-serif;">
												(stad of vliegveld)</span>
										</span> <input type="text" class="city" id="deptCity"
											placeholder="Amsterdam (AMS) Nederland" name="deptCity" />
									</div>
									<div class="addCity">
										<span class="addNewCity">+ Voeg nog een vliegveld toe</span>
									</div>
									<div class="toCity">
										<span class="deptCity">Naar <span
											style="font-size: 14px; font-family: Myriad-Regular, Helvetica, Arial, sans-serif;">
												(stad of vliegveld)</span>
										</span> <input type="text" class="city" id="arrCity"
											name="arrCity" />
									</div>
									<div class="deptDate">
										<span class="arrCity">Vertrekdatum</span> <input type="text"
											class="datepicker dateinput" id="deptDate" name="deptDate" />
									</div>
									<div class="retDate">
										<span class="arrCity">Retourdatum</span> <input type="text"
											class="datepicker dateinput" id="arrDate" name="retDate" />
									</div>

									<div class="adults">
										<span class="passengers">Volw(12+)</span> <select
											class="personinput" name="adults">
											<option>0</option>
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
											<option>6</option>
											<option>7</option>
											<option>8</option>
										</select>
									</div>
									<div class="children">
										<span class="passengers">Kind(2-12)</span> <select
											class="personinput" name="children">
											<option>0</option>
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
											<option>6</option>
											<option>7</option>
											<option>8</option>
										</select>
									</div>

									<div class="infants">
										<span class="passengers">Baby's(<2)</span> <select
											class="personinput" name="infants">
											<option>0</option>
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
											<option>6</option>
											<option>7</option>
											<option>8</option>
										</select>
									</div>
									<input type="hidden" name="retour" value="retour" />
									<button type="sumbit" name="submit" value=""
										class="submitFormButton">Zoeken</button>
								</div>
							</form>


						</div>

					</div>
					<div class="chooseoneway" class="chooseTicketBorder"
						onclick="showEnkeltje()">
						<span class="typeOfticket2">Enkele reis</span>
						<div class="onewayticket" style="display: none;">
							<div class="formElements" style="margin-left: -145px;">
								<form method="GET" action="vlucht.php">
									<div class="fromCity">
										<span class="deptCity">Van (stad of vliegveld)</span> <input
											type="text" class="city" id="deptCity"
											placeholder="Amsterdam (AMS) Nederland" name="deptsCity" />
									</div>
									<div class="addCity">
										<span class="addNewCity">+ Voeg nog een vliegveld toe</span>
									</div>
									<div class="toCity">
										<span class="arrCity">Naar (stad of vliegveld)</span> <input
											type="text" class="city" id="arrCity" name="arrCity" />
									</div>
									<div class="onewayDate">
										<span style="margin-top: 3%;" class="arrCity">Vertrekdatum</span>
										<input type="text" class="dateinputretour" id="arrCity"
											name="arrCity" />
									</div>

									<div class="adults">
										<span class="passengers">Volw(12+)</span> <select
											class="personinput" name="adults">
											<option>0</option>
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
											<option>6</option>
											<option>7</option>
											<option>8</option>
										</select>
									</div>

									<div class="children">
										<span class="passengers">Kind(2-12)</span> <select
											class="personinput" name="adults">
											<option>0</option>
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
											<option>6</option>
											<option>7</option>
											<option>8</option>
										</select>
									</div>

									<div class="infants">
										<span class="passengers">Baby's(<2)</span> <select
											class="personinput" name="adults">
											<option>0</option>
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
											<option>6</option>
											<option>7</option>
											<option>8</option>
										</select>
									</div>

									<button type="sumbit" name="submit" value=""
										class="submitFormButton">Zoeken</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="europaDeals" class="shadow">
				<div class="boxHeader">
					<div class="boxHeaderText">Europa Deals</div>
				</div>

				<div class="currentDeals">
					<div class="deal odd">
						<div class="dealCity">Londen</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<div class="deal ">
						<div class="dealCity">Barcelona</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<div class="deal odd">
						<div class="dealCity">Stockholm</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<div class="deal ">
						<div class="dealCity">Parijs</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<div class="deal odd">
						<div class="dealCity">Berlijn</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<div class="deal ">
						<div class="dealCity">Praag</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<div class="deal odd">
						<div class="dealCity">Marseille</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<div class="deal ">
						<div class="dealCity">Nice</div>
						<div class="dealPrice">&euro; 558,-</div>
					</div>
					<a class="showAllEuropaDeals" href="#">Bekijk alle europa Deals</a>
				</div>

			</div>

			<div id="displayDeal" class="shadow">
				<img src="images/stockholm.jpg	" width="275" height="435" />
				<div class="overlapBig">
					<div class="boxHeader">
						<div class="boxHeaderText">Stockholm Deals</div>
					</div>
					<div class="dealPricing">
						<div class="dealVA">v.a.</div>
						<div class="thisDealPrice">&euro;59,-</div>
					</div>
					<div class="discoverDeal">
						<a href="#" class="discoverThisDeal">Ontdek Stockholm</a>
					</div>

				</div>
			</div>
		</div>
		<br class="clear" />
		<div id="whatIs" class="shadow">
			<div class="whatIsTitle">Wat is VliegticketsGoedkoop.nl?</div>
			<div class="whatIsText">
				Een gratis vergelijkingssite die zo 1000 luchtvaart- maatschappijen
				vergelijkt in enkele seconden. Bespaar zo direct veel geld op uw
				goedkope vliegticket. <br /> <br /> Deze dienst is gratis, ook
				wanneer u uw vliegticket betaald worden er geen extra kosten
				berekent!
			</div>
		</div>
		<?php } ?>
	</div>
	<footer>
		<div id="bottom" class="shadow">
			<div id="bottomwrapper">
				<div id="why">
					<div class="whyVlieg">Waarom VliegticketsGoedkoop?</div>
					<div class="advantages">
						<div class="checked"></div>
						<div class="checkedText">Goedkoper is niet mogelijk!</div>
					</div>
					<br />
					<div class="advantages">
						<div class="checked"></div>
						<div class="checkedText">Geen reisbureau kosten!</div>
					</div>
					<br />
					<div class="advantages">
						<div class="checked"></div>
						<div class="checkedText">Meer dan 700 airlines!</div>
					</div>
				</div>
			</div>

			<div class="smallDeal" style="margin-left: 105px;">
				<img src="images/shopping.jpg" />
				<div class="smallOverlap">
					<div class="smalldealPricing">
						<div class="smalldealVA">&euro;699,-</div>
						<div class="smallDealPrice">
							<a href="#" class="discoverThisDeal">Winkelen in New York >></a>
						</div>
					</div>
				</div>
			</div>

			<div class="smallDeal">
				<img src="images/uitwaaien.jpg" />
				<div class="smallOverlap">
					<div class="smalldealPricing">
						<div class="smalldealVA">&euro;99,-</div>
						<div class="smallDealPrice2">
							<a href="#" class="discoverThisDeal">Uitwaaien op het strand >></a>
						</div>
					</div>
				</div>
			</div>
			<br class="clear" />

			<div id="rate" class="shadow">
				<div class="whatIsTitle">Beoordeel Vliegticketsgoedkoop.nl</div>
				<div class="whatIsText">
					Vliegticketsgoedkoop is bedoordeelt door <u>7</u> personen met <b>4.3</b>
					van de <b>5</b> sterren!

				</div>
			</div>

			<div id="info" class="shadow">
				<div class="whatIsTitle">Goedkope Vliegtickets</div>
				<div class="whatIsText">Lorem Ipsum is slechts een proeftekst uit
					het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard
					proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een
					onbekende drukker een zethaak met letters nam en ze door elkaar
					husselde om een font-catalogus te maken. Het heeft niet alleen vijf
					eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in
					elektronische letterzetting. Het is in de jaren '60 populair
					geworden met de introductie van Letraset vellen met Lorem Ipsum
					passages en meer recentelijk door desktop publishing software zoals
					Aldus PageMaker die versies van Lorem Ipsum.</div>
			</div>
		</div>
		<div id="footer">
			<div class="smallLogo">
				<div class="smallLogoHead">Vliegtickets</div>
				<div class="smallLogoFoot">goedkoop.nl</div>
			</div>
			<div class="footerMenu">
				<ul>
					<li>Home</li>
					<li>|</li>
					<li>Populaire bestemmingen</li>
					<li>|</li>
					<li>Contact</li>
				</ul>
			</div>
		</div>
	</footer>

	<script
		src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

	<!-- scripts concatenated and minified via build script -->
	<!--<script src="js/plugins.js"></script>-->
	<script src="js/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
	<!-- end scripts -->

	<!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
             mathiasbynens.be/notes/async-analytics-snippet -->
	<script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
                g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
                s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
	<script>
            
          (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.async = true;
          js.src = "//connect.facebook.net/nl_NL/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        </script>

	<script>
            $(function() {
                $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
                $('#deptCity').autocomplete({mustMatch: true,source:'includes/suggest.php', minLength:2});

                $('#arrCity').autocomplete({mustMatch: true,source:'includes/suggest.php', minLength:2});

            });		
            function showEnkeltje(){
                $(".chooseoneway").removeClass("disabled");
                $(".chooseretour").removeClass("enabled");
                $(".chooseoneway").addClass("enabled");
                $(".chooseretour").addClass("disabled");
                $(".onewayticket").css("display","block");
                $(".retourticket").css("display","none");
            }
            function showRetour(){
                $(".chooseoneway").removeClass("enabled");
                $(".chooseretour").removeClass("disabled");
                $(".chooseoneway").addClass("disabled");
                $(".chooseretour").addClass("enabled");
                $(".retourticket").css("display","block");
                $(".onewayticket").css("display","none");
            }

        </script>
</body>
</html>
